 import { FC,useState,useEffect} from "react";
import Aside from './layout/Aside'
import Header from './layout/Header'
import Main from './layout/Main'
import { Flex, Layout} from 'antd';
import { BrowserRouter } from "react-router-dom";
interface Props {}
const Index: FC<Props> = () => {
    //header头高度-px为单位
    const height = 120
    //aside宽度
    const width = 220
    const headerStyle = {
        height: height+'px',
        backgroundColor:'#fff',
        color:'#262626',
        padding:0
    }
    const asideStyle = {
        height: `calc(100vh - ${height}px)`,
        backgroundColor:'#fff',
        color:'#262626' 
    }   
    const mainStyle = {
        height: `calc(100vh - ${height}px)`,
        backgroundColor:'#fff'
    }
    return (
        <Layout>
            <Header width={width} headerStyle={headerStyle}></Header>
            <Layout>
                <Aside asideStyle={asideStyle} width={width + 'px'}></Aside>
                <Main  mainStyle={mainStyle}></Main>
            </Layout>
        </Layout>
    );
};

export default Index;